
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Java的堆是如何分代的？为什么分代？ - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>Java的堆是如何分代的？为什么分代？ - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">为什么要将Java堆内存进行分代？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">将堆内存分代是为了优化垃圾回收的性能。因为不同对象的生命周期不同，通过分代，可以为不同生命周期的对象采用不同的垃圾回收算法和策略，例如对新生代采用复制算法，对老年代采用标记-清除或标记-整理算法，从而提高回收效率，并减少全局垃圾回收带来的长时间停顿。</div>
          </div>
          <div class="card-source">来源: 为什么要分代</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">Java堆内存主要被划分为哪几个代？它们各自的用途是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Java堆内存主要划分为新生代（Young Generation）和老年代（Old Generation）。新生代用于存放新创建的、生命周期较短的对象。老年代用于存放存活时间较长的对象，通常是从新生代晋升而来的。此外，还有用于存放类元信息的永久代（Permanent Generation），在较新的JDK版本中已被元数据空间（Metaspace）取代。</div>
          </div>
          <div class="card-source">来源: 分代理论的概念</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">新生代的内部结构是怎样的？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">新生代内部被进一步划分为一个Eden空间和两个Survivor空间（通常称为From空间和To空间）。新创建的对象首先被分配到Eden空间。</div>
          </div>
          <div class="card-source">来源: 新生代</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">新生代通常采用哪种垃圾回收算法？其工作原理是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">新生代通常采用复制算法（Copying Algorithm）。该算法将新生代空间划分为两个区域，每次只使用其中一半。垃圾回收时，将存活的对象从正在使用的区域复制到另一个区域，然后清空当前区域，以此来回收内存。</div>
          </div>
          <div class="card-source">来源: 新生代</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">老年代通常采用哪些垃圾回收算法？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">老年代通常采用标记-清除（Mark-Sweep）或标记-整理（Mark-Compact）算法来进行垃圾回收。这些算法通过标记存活对象，然后清理未标记对象或整理内存空间来释放内存。</div>
          </div>
          <div class="card-source">来源: 老年代</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">一个对象从新生代晋升到老年代的主要条件是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">主要条件是对象的“年龄”。当对象在新生代的Survivor区经历多次垃圾回收（Minor GC）后仍然存活，其年龄就会增加。当年龄达到一个预设的晋升阈值（可通过 -XX:MaxTenuringThreshold 参数配置，默认为15）时，该对象就会被晋升到老年代。</div>
          </div>
          <div class="card-source">来源: 对象何时进入老年代？</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">相较于永久代，元数据空间（Metaspace）有哪些主要变化和优势？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">主要变化是元数据空间不再使用Java堆内存，而是使用本地内存（Native Memory）。其优势在于它不再受限于Java堆内存大小，可以根据需要动态扩展，并由JVM自动管理，从而减少了因永久代大小固定而导致的内存溢出问题。</div>
          </div>
          <div class="card-source">来源: 永久代（元空间）</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">元数据空间（Metaspace）主要存放哪些信息？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">元数据空间主要用于存放Java类的元信息，包括类的结构、方法的签名、字段的描述、方法的字节码等。此外，静态变量和常量池中的常量也存放在元数据空间中。</div>
          </div>
          <div class="card-source">来源: 永久代（元空间）</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">简述一个新对象从创建到晋升至老年代的典型过程。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">新对象首先在Eden区分配。当Eden区满触发Minor GC后，存活的对象会被移到其中一个Survivor区，并且年龄加一。对象在Survivor区之间经过多次Minor GC并存活下来，其年龄会持续增加，当年龄达到晋升阈值（默认为15）时，就会被晋升到老年代。</div>
          </div>
          <div class="card-source">来源: 对象何时进入老年代？ - 新生代对象晋升过程</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
